<!doctype html>
<html class="no-js">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <title>每月PRG分析报告</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp"/>
  <link rel="icon" type="image/png" href="assets/i/favicon.png">
  <meta name="mobile-web-app-capable" content="yes">
  <link rel="icon" sizes="192x192" href="assets/i/app-icon72x72@2x.png">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
  <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
  <meta name="msapplication-TileImage" content="assets/i/app-icon72x72@2x.png">
  <meta name="msapplication-TileColor" content="#0e90d2">
  <link rel="stylesheet" href="assets/css/amazeui.min.css">
</head>
	<body>
		<img src="images/fxbg.jpg" class="am-img-responsive" />
		
		
		
		<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
    <div id="main" style="height:400px"></div>
    <!-- ECharts单文件引入 -->
    <script src="dist/echarts.js"></script>
    <script type="text/javascript">
        // 路径配置
        require.config({
            paths: {
                echarts: 'dist'
            }
        });
        
        // 使用
        require(
            [
                'echarts',
                'echarts/chart/bar' // 使用柱状图就加载bar模块，按需加载
            ],
            function (ec) {
                // 基于准备好的dom，初始化echarts图表
                var myChart = ec.init(document.getElementById('main')); 
                
                var option = {
				   title: {
				       subtext: "PRG园所管理",
				       sublink: "http://prgteam.com/",
				       text: "活跃度分析"
				   },
				   tooltip: {
				       trigger: "axis"
				   },
				   legend: {
				       data: ["本园所月度", "所有园所本月均值"],
				       x: "right"
				   },
				   toolbox: {
				       feature: {
				           mark: {
				               show: true
				           },
				           dataView: {
				               show: true,
				               readOnly: true
				           },
				           magicType: {
				               show: false,
				               type: ["line", "bar"]
				           },
				           restore: {
				               show: true
				           },
				           saveAsImage: {
				               show: true
				           }
				       }
				   },
				   calculable: true,
				   xAxis: [
				       {
				           type: "category",
				           boundaryGap: false,
				           data: ["1月", "2月", "3月", "4月"]
				       }
				   ],
				   yAxis: [
				       {
				           type: "value",
				           name: "条数"
				       }
				   ],
				   series: [
				       {
				           name: "本园所月度",
				           type: "line",
				           data: [12, 7, 13, 18]
				       },
				       {
				           name: "所有园所本月均值",
				           type: "line",
				           data: [10, 13, 11, 13]
				       }
				   ]
				};
        
                // 为echarts对象加载数据 
                myChart.setOption(option); 
            }
        );
    </script>
	</body>
</html>
